@import './variable.less';
.register{
    .container{
        background-image: url(../images/login-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .w{
        min-height: calc(100vh - 160px);
        overflow: hidden;
    }

    .register-form{
        width: 400px;
        margin: 20px auto;
        padding: 30px;
        background-color: #fff;
        position: relative;
    }

    .toLogin{
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .title{
        text-align: center;
        margin-bottom: 20px;
    }

    /deep/ .el-form-item{
        margin-right: 20px;
    }

    .tip{
        position: absolute;
        top: 0;
        right: -15px;
    }

    .validcode{
        width: 150px;
        margin-right: 25px;
    }

    /deep/ .el-link.el-link--primary{
        color: @theme;
    }

    /deep/ .el-link.el-link--primary:hover::after{
        border-color: @theme;
    }

    /deep/ .el-input__inner:focus{
        border-color: @theme;
    }

    // /deep/ .el-button--primary:focus, .el-button--primary:hover{
    //     background-color: #00b16ab0;
    //     border-color: #00b16ab0;
    // }

    // /deep/ .el-button--primary:focus, .el-button--primary{
    //     background-color: @theme;
    //     border-color: @theme;
    // }

    // .el-button:focus, .el-button:hover{
    //     color: #fff;
    //     background-color: #00b16ab0;
    //     border-color: #00b16ab0;
    // }
}